<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>绝对布局</title>
	</head>

	<body>
		<div style="background-color: blanchedalmond;width: 300px;height: 400px;">
				<div style="color: aqua;width: 60px;height: 60px;">
					这又是一个测试。哈哈哈
				</div>
		</div>
		<div style="width: 50px;height: 50px;background-color:lightblue;">
			top left不设置，位置不变，还在它该在的位置。
			为啥宽度控制了文字
			但是高度没控制住了
			这是为啥呢？？？？？
		</div>
		<div style="position: absolute;top: 50px;width: 150px;height: 150px;background-color: brown;color: white;">
			top值设置之后就是相对于浏览器定位了;真的是浏览器？^ - ^
		</div>
		<div style="background-color: darkblue;color: white;">这就是个普通的div他会怎么样呢</div>
	</body>

</html>